<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue绑定键盘按下事件</title>
    <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
</head>
<body>
        <!--对文本输入框做校验,使用键盘按下事件,当我们按0-9数字时正常显示,其他阻止事件执行-->
        <div id="app">
            <!--$even触发的当前事件-->
            <input type="text" @keydown="fn1($event)"/>


        </div>
        <script type="text/javascript">
            new Vue({
                el:"#app",
                data:{

                },
                methods:{
                    //做一个判断 如果按下0-9正常显示,其他阻止事件触发
                    fn1(event) {
                        var keyCode = event.keyCode;
                        if(keyCode!=8){//判断是否是删除键
                            if (keyCode <48 || keyCode>57){//如果不是0-9阻止事件触发
                                event.preventDefault();

                            }

                        }
                    }
                }

            });
        </script>

</body>
</html>